<template>
  <div>
    <router-link to="/write">
      <div id="write">
        <i class="el-icon-edit"></i>
        <span id="title">创作中心</span>
        <span id="notice">
          <span id="tip">创作须知</span>
          <i class="el-icon-warning"></i>
          <span id="texttip">请不要在本站发布违反法律法规及不符合道德理论的言论</span>
        </span>
      </div>
    </router-link>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.el-upload el-upload--text{
    display: none;
}
#write:hover {
  background-color: rgb(250, 250, 255);
}
#write {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  height: 52px;
  background-color: #fff;
  line-height: 52px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.04);
}
i[class="el-icon-edit"] {
  margin-right: 8px;
  margin-left: 8px;
}
a:hover {
  text-decoration: none;
}
#tip {
  font-size: 12px;
}
#title {
  margin-right: 128px;
}
i[class="el-icon-warning"] {
  margin-left: 8px;
  font-size: 12px;
}
#texttip {
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  visibility: hidden;
  width: 192px;
  background-color: #06f;
  opacity: 0.5;
  color: #fff;
  padding: 5px 4px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
#notice:hover #texttip {
  visibility: visible;
}
a {
  text-decoration: none;
}
</style>
